<%@ page import="com.moodswings.server.model.Mood" %>
<%@ page import="java.util.List" %>
<%@ page import="java.util.Date" %>
<%@ page import="java.text.SimpleDateFormat" %>

<html>

<head>
    <title>Prethodnih 25 unosa</title>
    <style type="text/css">
        #container {width:1200px; margin-left:auto; margin-right: auto;}
        #tableheader {width:900px; text-align: center;}
     .field {text-align:center; width:300px;}
     .moodImg {width:50px; height:50px;}

    </style>


    <script src="WEB-INF/lib/jquery.js"></script>
    <script>$(document).ready(function() {                           // When the HTML DOM is ready loading, then execute the following function...
        $('#dugme').click(function() {   // Locate HTML DOM element with ID "somebutton" and assign the following function to its "click" event...
            $('#table').empty();

            $.get('table.html', function(responseJson) {    // Execute Ajax GET request on URL of "someservlet" and execute the following function with Ajax response JSON...
              	//  var $table = $('<table>').appendTo($('#somediv')); // Create HTML <ul> element and append it to HTML DOM element with ID "somediv".

				$("#results").html(responseJson);
            }, "html");
        });
    });


    </script>


</head>


<body style="background-color: black;">

  <button id= "dugme"> dugme</button>

<div id="container">

    <table border="1" bordercolor="#FFCC00"  width="900" height="80" cellpadding="3" cellspacing="3" style="border-top-left-radius: 15px; border-top-right-radius: 15px; text-align: center; margin-left:auto; margin-right: auto; background-color:#FFFFCC; font-size: 33px; font-family: Monotype Corsiva ">

        <tr>
            <td style="border-top-left-radius: 10px; border-top-right-radius: 10px;">PRETHODNIH 25 UNOSA:</td>
        </tr>

    </table>

	<div id="results">
    <%@include file="table.jspf"%>
	</div>
</div>
</body>

</html>
